var chart;
var jsonXData = [];
var jsonyD1 = [];
var jsonyD2 = [];
function chartreq(url,description){
		// 获取数据
        $.ajax({ url: '${pageContext.request.contextPath}/'+url,
            cache: false,
            "dataType":"json",
            success: function (data,statusText) {
            	/**
				 * var chartdata = JSON.stringify(data); 
				 * var json = eval("("+chartdata + ")"); 
				 * jsonXData = []; 
				 * jsonyD1 = []; 
				 * jsonyD2 = [];
				 * if (json.rows.length > 0) {
				 *  	for (var i = 0; i <json.rows.length; i++) {
				 *   		var rows = json.rows[i]; 
				 *   		var Month = rows.year;
				 *   		var ShouldPay = rows.shouldPay; 
				 *   		var TruePay = rows.truePay; 
				 *   		jsonXData.push(Month+"月"); //赋值
				 * 			jsonyD1.push(ShouldPay); 
				 * 			jsonyD2.push(TruePay); 
				 * 		} 
				 * }
				 * getMonthChart(chart,jsonXData,jsonyD1,jsonyD2);
				 */
                // jquery会将服务器返回的json字符串
				// 自动转化成js对象或者js对象数组。
                jsonXData = [];
                jsonyD1 = [];
                jsonyD2 = [];
                if (data.rows.length > 0) {
                    for (var i = 0; i < data.rows.length; i++) {
                        var rows = data.rows[i];
                        var time = rows.year;
                        var ShouldPay = rows.shouldPay;
                        var TruePay = rows.truePay;
                        if("day"==description){
                        	jsonXData.push(time+"日"); // 赋值
                        }else if("week"==description){
                        	if(i==0){
                        		jsonXData.push("星期一");
                        	}else if(i==1){
                        		jsonXData.push("星期二");
                        	}else if(i==2){
                        		jsonXData.push("星期三");
                        	}else if(i==3){
                        		jsonXData.push("星期四");
                        	}else if(i==4){
                        		jsonXData.push("星期五");
                        	}else if(i==5){
                        		jsonXData.push("星期六");
                        	}else if(i==6){
                        		jsonXData.push("星期日");
                        	}
                        }else if("month"==description){
                        	jsonXData.push(time+"月");
                        }
                        jsonyD1.push(ShouldPay);
                        jsonyD2.push(TruePay);
                    }
                }
                getChart("line");
            }
        });
	}

function getChart(type){
	chart = new Highcharts.Chart({
		chart : {
			renderTo : 'containerreport',// 放置图表的容器
			plotBackgroundColor : null,
			plotBorderWidth : null,
			defaultSeriesType : type // 图表类型line, spline, area,
										// areaspline, column, bar, pie
										// , scatter
		},
		title : {
			text : '展现量与独立客访情况',
			style : {
				font : 'normal 13px 宋体'
			}
		},
		xAxis : {// X轴数据
			categories : jsonXData,
			lineWidth : 2,
			labels : {
				// rotation: -45, //字体倾斜
				align : 'right',
				style : {
					font : 'normal 13px 宋体'
				}
			}
		},
		yAxis : {// Y轴显示文字
			lineWidth : 2,
			title : {
				text : '数量/次'
			}
		},
		tooltip : {
			formatter : function() {
				return '<b>' + this.x + '</b><br/>' + this.series.name
						+ ': ' + this.y + '次';
			}
		},
		plotOptions : {
			column : {
				dataLabels : {
					enabled : true
				},
				enableMouseTracking : true
				// 是否显示title
			}
		},
		series : [{
					name : '展现量',
					data : jsonyD1
				}, {
					name : '独立访客',
					data : jsonyD2
				}]
	});
	$("tspan:last").hide();
}